<template>
  <view class="nav-bar-container" :style="indexSearchBar" >
    <text>{{ title }}</text>
  </view>
</template>
<script>
export default {
  name: "NavBar",
  props: {
    title: {
      type: String,
      default: "律创云法务",
    },
  },
  data() {
    return {
      indexSearchBar:
        "padding-top: " + uni.getSystemInfoSync().statusBarHeight + "px",
    };
  },
  created() {
    console.log(this.statusBarHeight);
  },
};
</script>
<style  lang="scss" scoped>
.nav-bar-container {
  background: linear-gradient(to right, rgb(93, 131, 255), rgb(69, 82, 228));
  position: fixed;
  margin: auto;
  left: 0;
  right: 0;
  z-index: 2;
  text-align: left;
  height: 44px;
  line-height: 44px;
  padding-left: 30upx;
  color: #fff;
  box-sizing: content-box;
}
text {
  font-size: 16px;
  color: white;
}
</style>
